window.onload = function () {
    // var dropdown_toggle = document.querySelector('.dropdown-toggle')
    var write = document.querySelector('#write');
    var blog = document.querySelector('#blog')

    // 截取参数
    var parms = location.search.substring(1);
    // console.log(location.search);
    var arr = parms.split('=');
    const id = arr[1]


    // 请求获取文章列表
    $.ajax({
        type: 'post',				// 请求方式
        url: 'http://127.0.0.1:3007/api/article',		// 路径
        // contentType: "application/json",
        dataType: 'json',		// 这里是指定了参数的类型
        data: {
            aid: id
        },
        success: function (res) {
            console.log(res.resu);
            for (let i = 0; i < res.resu.length; i++) {
                console.log(res.resu[i]);
                var li = document.createElement('li')
                li.innerHTML = '<a href="javascript:;" id="' + res.resu[i].id + '"><h4>' + res.resu[i].title + '</h4><p>' + res.resu[i].text + '</p></a>'
                blog.appendChild(li)
            }

            var lli = blog.querySelectorAll('li')
            for (let i = 0; i < lli.length; i++) {
                lli[i].onclick = function () {
                    // alert('11')
                    var a = lli[i].querySelector('a')
                    var id = a.getAttribute('id')
                    // console.log(id);
                    window.location.href = "article.html?id=" + id;
                }

            }
        }

    })
    // 写文章模块
    write.onclick = function () {
        window.location.href = 'write.html?id=' + id
    }




    // 'use strict'

    // feather.replace()

    // // Graphs
    // var ctx = document.getElementById('myChart')
    // // eslint-disable-next-line no-unused-vars
    // var myChart = new Chart(ctx, {
    //     type: 'line',
    //     data: {
    //         labels: [
    //             'Sunday',
    //             'Monday',
    //             'Tuesday',
    //             'Wednesday',
    //             'Thursday',
    //             'Friday',
    //             'Saturday'
    //         ],
    //         datasets: [{
    //             data: [
    //                 15339,
    //                 21345,
    //                 18483,
    //                 24003,
    //                 23489,
    //                 24092,
    //                 12034
    //             ],
    //             lineTension: 0,
    //             backgroundColor: 'transparent',
    //             borderColor: '#007bff',
    //             borderWidth: 4,
    //             pointBackgroundColor: '#007bff'
    //         }]
    //     },
    //     options: {
    //         scales: {
    //             yAxes: [{
    //                 ticks: {
    //                     beginAtZero: false
    //                 }
    //             }]
    //         },
    //         legend: {
    //             display: false
    //         }
    //     }
    // })


}

